@charset "utf-8";
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font-family:"Microsoft YaHei";-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 625%;}
body {padding: 0;margin: 0 auto;font-size: .14rem;color: #666;background:#fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背�?/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择�?/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: .14rem;}
select, input, textarea {font-size: .14rem;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0033cc;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.ytable {display: table;width: 100%;height: 100%; table-layout: fixed;}
.ytable-cell {display: table-cell;vertical-align: middle; }
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
*::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
*:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
*::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
*:-ms-input-placeholder{ color: #999;}           /* IE浏览�?*/
/*页面框架结构*/
.auto{ margin: 0 auto; width: 100%;clear: both; }
@media(min-width:1231px){
	.auto{ max-width: 1200px;}
}
@media(max-width:1200px){
	.auto{ padding-left: 5%; padding-right: 5%;}
}
@media(max-width:1024px){
	.auto{ padding-left: 3%; padding-right: 3%;}
}
@media(max-width:767px){
	.auto{ padding-left: .15rem; padding-right: .15rem;}
}
.w1400 { margin: 0 auto;width: 100%;clear: both;max-width: 1400px;}
@media(max-width:1640px){
	.w1400{ margin-left: 6%; margin-right: 6%; width: 88%; }
}
@media(max-width:1200px){
	.w1400{ margin-left: 3%; margin-right: 3%; width: 94%; }
}
.w1600 { margin: 0 auto;width: 100%;clear: both;max-width: 1600px;}
@media(max-width:1640px){
	.w1600{ margin-left: 6%; margin-right: 6%; width: 88%; }
}
@media(max-width:1200px){
	.w1600{ margin-left: 3%; margin-right: 3%; width: 94%; }
}
 .gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.7;/* 通过改变透明度来调节灰色的程�?*/
}
.transform_img:hover,.scenelist li .Ispic:hover{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.transform_img,.scenelist li .Ispic{
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
}
.onEase,.headernav li em a:after,.home_CS .swiper-slide-active .word .btn a,.Homesection5 .word .btn a,.Homesection5 .word .btn a::after,.Homesection5 .bot a,.Homesection5 .bot a::before,.Homesection6 li .word,.Homesection6 li .word .p,.Homesection6 li .Ispic::after,.site-footer .shares a,.morebtn a,.scenelist li .txt .more,.prolist2 li .txt::after,.videolist li .inner .txt::after,.proinfo-intro .word .btn a,.zproinfo-section .word .btn a::before,.zproinfo-section .word .btn a,.zproinfo-section .word .btn a span,.newlist li .word .tit a,.site-footer a{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: .16rem;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 .27rem .29rem rgba(0,0,0,0.11); background: #fff; max-width:5.2rem; width: 90%; /* height: 4.5rem; */ margin:auto; padding: .3rem; position: relative;}
/* .popup-container::after{content: ""; position: absolute; bottom: -.3rem; left: 50%; margin-left: -.15rem; width: 0;height: 0; border-style: solid dashed dashed dashed; border-width: .15rem; border-color: #fff transparent transparent transparent;} */
.popup .closed{ position: absolute;top: .3rem; right: .3rem; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: .3rem; color: #999; line-height: .3rem; }
.popup .form{text-align: left;}
.popup .form .tit{color: #0033cc;}
.popup .form .tit h3{font-size: .3rem;margin: 0 0 .1rem; font-weight: normal;}
.popup .form .tit .en{ display: block;font-family: "times new roman";color: #0033cc; font-size: .18rem; text-transform: uppercase;}
.popup .form .ptip{color: #999; margin: .3rem 0;}
.popup .form dl{position: relative;margin-top:.2rem;}
.popup .form dl.w2 dd,
.popup .form dl.w3 dd{ width: 48%; float: left;}
.popup .form dl.w2 dd+dd{margin-left: 4%;}
.popup .form dl.w3 dd{width: 31.33334%;}
.popup .form dl.w3 dd:nth-child(2){margin: 0 3%;}
.popup .form dl .text{padding:.1rem .15rem; width: 100%; font-size: .16rem; background: #f5f5f5; border: none; box-shadow: none; color:#999;}
.popup .form dl select.text{display: block !important;}
.popup .form dl .codetext{ padding-right: .84rem; position: relative;}
.popup .form dl .codetext .codeimg{position: absolute; top: 0; right: 0; height: 100%; border: 1px solid #ddd; width: .84rem;}
.popup .form dl .codetext .codeimg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup .form dl textarea{resize: none;overflow: hidden;height: 1.2rem;}
.popup .form dl .text:focus{color: #333;}
.popup .form .btn{ display:block; width: 100%; color: #fff; background: #0033cc; border-radius: 0; font-size: .16rem; cursor: pointer; border: none; text-align: center; box-shadow: none;padding:.1rem .15rem;}
.videopopup .popup-container{max-width: 1400px; border: .05rem solid #f0ede8; padding: 0; background: #000;}
.videopopup .closed{top: -.35rem; right: -.35rem;}
.videopopup .closed:before{color: #fff;}
.videopopup video{max-height: 80vh;}
.searchlist{ padding:2% 0; max-width: 1200px; margin: 0 auto;}
.searchlist ul{ padding:2%; border:1px solid #d1d1d1; background-color:#fff;}
.searchlist li{border-bottom:1px solid #d1d1d1; line-height:.47rem;}
.searchlist li time{ float:right; font-size:.14rem; margin-left:.1rem;}
.searchlist li:last-child{ border-bottom:0;}
/*site-header start*/
.site-header{position:absolute; top: 0; left: 0; width: 100%; z-index: 99; border-bottom: 1px solid rgba(255,255,255,.05);}
.site-header .w1600{position: relative; /* padding-bottom: .3rem; */ z-index: 3;}
.navlayer{position: absolute; top: 100%; left: 0; width: 100%;background: rgba(255,255,255,.85); height: 1.63rem; z-index: 0; display: none;}
.site-header .logo{float: left; width: 30%; max-width: 200px; padding-bottom: .3rem;}
.headernav{float: right; width: 60%;padding-top: 20px;}
.header_r{float: right;}
.header_search{position: relative; padding-top: .03rem;}
.header_search .search_btn{display: block; background: url(../images/search_icon.png) no-repeat center; width: 18px; height: 17px;}
.header_search .search_btn.show{position:relative;background:0 0;}
.header_search .search_btn.show::after,.header_search .search_btn.show::before{position:absolute;top:50%;left:10%;width:80%;height:.03rem;background:#0033cc;content:'';transform:rotate(-45deg);}
.header_search .search_btn.show::after{transform:rotate(45deg);}
.header_search .searchbox{display: none; position: absolute; top:calc(100% + 10px); right: 0;z-index:100;}
.header_search .searchbox:before{position:absolute;top:-15px;right:4px;width:0;height:0;border-color:transparent transparent #0033cc transparent;border-style:solid;border-width:8px;content:'';}
.header_search .searchbox .text{ width: 200px; display: block; border: 1px solid #0033cc; background: #fff; padding: 8px 35px 8px 15px; font-size: .14rem; color: #333;}
.header_search .searchbox .btn{position: absolute; top: 0; right: 0; height: 100%; width: 35px; border: none; box-shadow: none; background: url(../images/search_icon.png) no-repeat center; cursor: pointer;}
.headernav li{ margin: 0 2%; display: inline-block;padding-bottom: .2rem;}
.headernav li em a{font-style: normal; font-size: .16rem; color: #fff;position: relative; display: block; padding: 0 .05rem .1rem;}
.headernav li em a:after{content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #0033cc;}
.headernav li.aon em a:after,
.headernav li em a:hover:after{ width: 100%; left: 0;}
.headernav .subnav{position: absolute; top: 100%; left: 0; width: 100%; /* background: rgba(255,255,255,.85); */ text-align: center; display: none;}
.headernav #m3 .subnav{text-align: right; padding-right: 7%;}
.headernav .subnav .jt{font-style: normal; position: absolute; left: 50%;width: 0;height: 0; border-style:  dashed dashed solid dashed; border-width: .1rem; border-color:transparent transparent rgba(255,255,255,.85) transparent; top: -.2rem;}
.headernav .subnav li{text-align: center; padding: .4rem .3rem; display: inline-block; margin: 0;}
.headernav .subnav li a>span{ display: block;}
.headernav .subnav li .icon{/* padding-bottom: 74.2857%; */ position: relative; width: .7rem; height: .52rem;}
.headernav .subnav li img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.headernav .subnav li .tit{ font-size: .16rem; color: #767677; padding-top: .1rem;}
.headernav .subnav li .hover{opacity: 0;}
.headernav .subnav li:hover{background: #335bd3;}
.headernav .subnav li:hover .img{opacity: 0;}
.headernav .subnav li:hover .hover{opacity: 1;}
.headernav .subnav li:hover .tit{color: #fff;}
.site-header .open_menu {display: none;}
@media (max-width: 767px) {
.site-header nav{display:none;}
.site-header .search{position:absolute;top:50%;right:40px;margin-top:-13px;padding:0;}
.site-header .open_menu{position:absolute;top:50%;right:0;display:block;margin-top:-12px;width:30px;height:25px;cursor:pointer;}
.site-header .open_menu i{position:absolute;top:50%;width:100%;height:3px;background:#fff;}
.site-header .open_menu i::after,.site-header .open_menu i::before{position:absolute;left:0;width:100%;height:100%;background:#fff;content:'';transition:transform .3s;}
.site-header .open_menu i::before{top:10px; width: 50%;}
.site-header .open_menu i::after{top:-10px;}
.site-header .open_menu.open_menu_on{position:fixed;top:30px;right:50%;z-index:99;}
.site-header .open_menu.open_menu_on i::after,.site-header .open_menu.open_menu_on i::before{top:0!important;background:#fff;width: 80%;}
.site-header .open_menu.open_menu_on i::before{transform:rotate(45deg); }
.site-header .open_menu.open_menu_on i::after{transform:rotate(-45deg);}
.site-header .open_menu.open_menu_on i{background:0 0;}
.site-header .menu-layer{position:fixed;top:0;left:0;z-index:98;display:none;overflow:hidden;width:100%;height:100%;background:rgba(0,0,0,.65)!important;}
}
@media (max-width:1640px) {
	.headernav #m3 .subnav{padding-right: 2%;}
}
@media (max-width: 767px) {
#header-menu{position:fixed;top:0;right:-100%;z-index:99;overflow:auto;padding:10px;width:250px;height:100%;background:#000;opacity:0;transition:.3s;width: 50%;}
#header-menu.header-menu-show{right:0;opacity:1;}
#header-menu li{line-height:.4rem;}
#header-menu li a{display:block;color:#fff;}
#header-menu li a:hover{color:#fff;}
#header-menu li>em{display:block;border-bottom:1px solid rgba(255,255,255,.3);font-style:normal; position: relative;}
#header-menu li.hassub>em::before,#header-menu li>em::after{content: ""; top: 50%;position: absolute;  z-index: 3; background: #fff;}
#header-menu li.hassub>em::before{ right: .125rem; width: .3rem; height: .03rem;}
#header-menu li.hassub>em::after{ right: .25rem; width: .03rem; height: .3rem; margin-top: -.125rem; }
#header-menu li.hassub.active>em::after{transform:rotate(90deg); }
#header-menu li>em a{padding:.1rem;border-bottom:1px solid rgba(0,0,0,.3); position: relative; z-index: 4;}
#header-menu li:last-child em,#header-menu li:last-child em a{border-bottom:0;}
#header-menu li .icon{display: none;}
#header-menu li .subnav{padding: .1rem 0; display: none;}
#header-menu li .subnav li a{ padding: .1rem 0 .1rem .45rem; display: block;}
}
/*site-header end*/

/*site footer start*/
.site-footer,.site-footer a{color: #989daa;}
.site-footer a:hover{ color: #fff;}
.site-footer{background: #272a33 url(../images/footer_bg.jpg) repeat left top; font-size: .14rem; padding-top: 5%;}
.site-footer .bottom{padding:2% 0 4%;}
.site-footer .bottom p{margin: 0;}
.site-footer .addr{float: left; font-size: .16rem;}
.site-footer .addr a{color: #0033cc; font-family: "Arial"; display: inline-block; margin-right: .1rem;}
.site-footer .addr a i{display: inline-block; background: url(../images/addr.png) no-repeat center; width:0.11rem; height: 0.15rem; margin-right: .05rem;}
.site-footer .copyright{float: right; color: #dedddd;}
.site-footer .copyright a{color: #dedddd;}
.botnav{float: left; width: 60%;}
.botnav li{float: left; width: 20%;}
.botnav li h3{margin: 0; font-weight: normal;font-size: .26rem; color: #fff;}
.botnav li h3 a{color: #fff;}
.botnav li h3::after{content: ""; width: .2rem; height: 1px; margin: .15rem 0 .1rem; display: block; background: #54565d;}
.botnav li dl{font-size: .14rem;}
.botnav li dl dd{padding: .05rem 0;}
.site-footer .other{float: right; width: 35%; max-width: 2.52rem;}
.site-footer .botimg{padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid #4a4c54; display: block;}
.site-footer .botimg .xs-logo {display: none;}
.site-footer .botimg .lg-logo {display: block;}
.site-footer .shares a{display: inline-block; background: url(../images/share_icon.png) no-repeat; background-size: .91rem .26rem; height: .26rem; width: .22rem;}
.site-footer .shares a:hover{background-image: url(../images/share_icon_on.png);}
.site-footer .shares .qq{background-position: 0 0;}
.site-footer .shares .weixin{background-position: -.27rem 0; width: .28rem; margin: 0 33%; position: relative;}
.site-footer .shares .sina{background-position:-.6rem 0;width: .29rem;}
.site-footer .shares .weixinbox{position: absolute; bottom: .4rem; left: -.8rem; width: 1.86rem; height: 1.86rem; background: #fff; border: .02rem solid #dedede; display: none; padding: .07rem;}
.site-footer .shares .weixinbox::after{content: ""; left: 50%; margin-left: -.1rem; position: absolute; width: 0;height: 0; border-style: solid dashed dashed dashed; border-width: .1rem; border-color:#dedede transparent transparent transparent; bottom: -.2rem;}
.site-footer .shares .weixinbox img{width: 1.7rem; height: 1.7rem;}

.site-footer .tel{padding-top: .0px;}
.site-footer .tel >*{display: block; text-align: initial; color: #dedddd; font-size: .14rem;}
.site-footer .tel a{font-size: .3rem; color: #fff; font-family: "Arial";}
#bsWXBox,#bsWXBox *{box-sizing:content-box;-webkit-box-sizing: content-box; -moz-box-sizing: content-box;}

/*友情链接*/
.bot_links{ margin-top:2%; position: relative; line-height:35px; color:#fff;}
.bot_links span{ position:absolute; left:0; top:0; }
.bot_links .liwd{padding-left:70px;}
.bot_links a{ transition:all .5s; vertical-align: middle; position: relative; color:#989daa; display:inline-block; text-align:center; padding:0 15px; }
.bot_links a::after{ transition:all .5s; content: ""; display:block; width:1px; height:10px; background-color:#989daa; position:absolute; right:0; top:55%; transform: translateY(-50%);}
.bot_links a:hover{ color:#fff; }
.bot_links a:hover::after{ background-color:#fff; }
.bot_links a:last-child::after{ display:none; }

@media (max-width:1200px) {
	.site-footer .bottom{text-align: center;}
	.bot_links .liwd{padding-left:60px;}
	.site-footer .addr,.site-footer .copyright{float: none; width: 100%;}
	.site-footer .copyright{padding-top: .1rem;}
}
@media (max-width:767px) {
	.botnav{float: none; width: 100%; /* border-bottom: 1px solid #54565d; */padding-bottom: .3rem; margin-bottom: .8rem;text-align: center;}
	.botnav li{display: inline-block;float: none; width: auto;padding: 0 .15rem;}
	.botnav li dl,.botnav li h3::after{display: none;}
	.site-footer .other{float: none; width: 100%; margin: 0 auto;max-width: none;}
	.site-footer .tel{padding-top: .25rem; line-height: 1.45;max-width: 100%;text-align: center; border-top: 1px solid #4a4c54;margin: 0 auto;}
	.site-footer .tel >*{text-align: center;font-size: .26rem;display:inline-block;}
	.site-footer .tel  a {font-size: .36rem}
	.site-footer .botimg{margin-bottom: 0;padding-bottom:.3rem;border-bottom: none;}
	.site-footer .botimg .xs-logo{display: block; width: 60%;margin: 0 auto;}
	.site-footer .botimg .lg-logo{display: none;}
	.w1600 .other .shares {display: none;}
	.site-footer {
		padding-top: 7%;
	}
}
/*site footer end*/
.morebtn a{ color: #999; display: inline-block;font-size: .16rem;line-height: .36rem; border-radius: .36rem; }
.morebtn a i{display: inline-block;font-style: normal; font-size: .2rem; padding-left: .1rem;}
.morebtn a:hover{background: #0033cc; padding: 0 10%; color: #fff;}
.bglayer{position: relative; z-index: 0;overflow: hidden; width: 100%;}
.bglayer::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(72,99,157,.16); z-index: 1; }

/*index start*/
.index-banner .swiper-container{margin:0 auto;width:100%;}
.index-banner .swiper-slide{position:relative;}
.index-banner .swiper-slide.swiper-slide-active{z-index: 2;}
.index-banner .swiper-slide a{position: relative; display: block;}
.index-banner .swiper-slide .videobtn{cursor: pointer;}
.index-banner .swiper-slide .videobtn::before{content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: url(../images/videoplaybtn.png) no-repeat center; background-size: .68rem .68rem; z-index: 5;}
.index-banner .swiper-slide .videobtn::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.65); z-index: 3;}
.index-banner .img-fix{overflow:hidden;margin-top:-25%;}
.index-banner .img-inner{transform:translateY(40%);}
.index-banner .swiper-container img{display:block;width:100%;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{top:50%; margin-top: -.37rem; width:.38rem;height:.75rem; background: url(../images/banbtn.png) no-repeat; background-size: .8rem .75rem;}
.index-banner .swiper-button-prev{background-position: left top; left: 5%;}
.index-banner .swiper-button-next{background-position: right top; right: 5%;}
.index-banner .swiper-button-next:after,.index-banner .swiper-button-prev:after{display: none;}
.index-banner .bottom-nav{position:absolute;bottom:.68rem;z-index:10;left: 8%;}
.index-banner .ban-icon-videoplay{display:inline-block;margin-right:15px;vertical-align:middle;cursor:pointer; background: url(../images/videobtn.png) no-repeat left top; width: 8px; height: 11px; margin-left: 5px;}
.index-banner .ban-icon-videoplay.stop-status{ background-position: right top;}
.index-banner .swiper-pagination{position:relative;display:inline-block; color: #fff; font-size: .14rem;}
.index-banner .swiper-pagination i{ display: inline-block; width: .5rem; position: relative; top: -.03rem; z-index:3;height:1px;background:rgba(255,255,255,.05);}
.index-banner .swiper-pagination i:after{content: "";transition-timing-function:linear;transform-origin:left; position: absolute; left: 0;width: 0; height: 100%; top: 0;/* background:rgba(0,51,240,.35); */background:rgba(255,255,255,.5);}
.index-banner .swiper-pagination i.on:after{ animation:first 4s;}
@keyframes first{
	0%{width:0;transform:scaleX(.5);}
	100%{width:100%;transform:scaleX(1);}
}

.home-tit{text-align: center;max-width: 65%; margin: 0 auto .5rem;}
.home-tit h2{font-size: .36rem; color: #333; margin: 0 0 .24rem; font-weight: normal;}
.home-tit p{font-size: .16rem; color: #666; line-height: 1.875;}
.Homesection2{padding:5% 0 6%;}
.Homesection2 ul{position: relative;overflow: hidden;}
.Homesection2 li{ float: left; width: 25%; cursor: pointer; overflow: hidden;}
.Homesection2 .inner{position: relative;}
.Homesection2 .inner:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20,39,94,.2); z-index: 1;}
.Homesection2 .Ispic{padding-bottom:4rem; display: block; background-position: 38% center; background-size: auto 100%;}
.Homesection2 .word{position: absolute; left: 0; bottom: 0; color: #fff;z-index: 2;}
.Homesection2 .word h2{margin: 0; font-size: .24rem; padding-left: .4rem; position: relative; font-weight: normal;color: #FFFFFF;}
.Homesection2 .inner .word h2:after{content: ""; position: absolute; left: 0; width: .3rem; top: 50%; height: 1px; background: #fff; font-weight: normal;}
.Homesection2 .word .morebtn{ /* text-align: center; */margin:.24rem auto 0; max-width: 2rem;/* text-align: left; */}
.Homesection2 .word .morebtn a{ color: #fff; font-size: .14rem;line-height: .36rem; border-radius: .36rem; }
.Homesection2 .inner .word .morebtn{opacity: 0;}
.Homesection2 .layer{position: absolute; width: 0%;height: 50%; top: 0; z-index: 6;overflow: hidden;}
.Homesection2 .layer:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,27,74,.5); z-index: 1;}
.Homesection2 .layer .word{ text-align: center; top: 0; width: 100%; height: 100%; min-width: 2rem;}
.Homesection2 .layer h2{padding-left: 0;}
.Homesection2 .layer h2 span{display: inline-block;}
.Homesection2 .layer h2 span:after{ content: "";background: #fff; height: .03rem; display: block; margin-top: .1rem;}
.Homesection2 .layer .Ispic{background-position: left center; background-size: cover;}
/* .Homesection2 .on .layer{width: 50%; opacity: 1;} */

.Homesection3 .swiperbox{position: relative;overflow: hidden;}

.Homesection3 .txt-swiper{position: absolute; top: 0; right: 0; width: 41.66667%; height: 100%; background: rgba(19,30,51,.6); padding: 12% 5% 0 5%; color: #fff; z-index: 9;}
.Homesection3 .txt h2{font-size: .36rem; font-weight: normal; margin: 0 0 .2rem 0;}
.Homesection3 .txt p{font-size: .16rem; line-height: 1.875;}
.Homesection3 .txt .morebtn{padding-top: 5%;}
.Homesection3 .txt .morebtn a{ color: #fff; font-size: .14rem;line-height: .36rem; border-radius: .36rem; }
.Homesection3 .navbtn{position: absolute; top: 12%; left: 12%; background: url(../images/sec3_btn.png) no-repeat; background-size: .87rem .25rem; width: .87rem; height: .25rem;}
.Homesection3 .navbtn>div::after{display: none;}
.Homesection3 .navbtn .swiper-button-next{right: 0; width: .13rem; height: .25rem;}
.Homesection3 .navbtn .swiper-button-prev{left: 0; width: .13rem; height: .25rem;}
.Homesection3 .navbtn:hover{ background-image: url(../images/sec3_btn_on.png);}
.Homesection3 .bottom-nav{position: absolute; bottom: -3.25rem; left: 35.3334%; width: 5.6rem; border: .02rem solid rgba(255,255,255,.5); border-radius: 50%; height: 4.6rem; z-index: 10;}
.Homesection3 .bottom-nav li{position: absolute;top:.1rem; color: #fff; text-align: center; font-size: .18rem;
width: auto; height: auto; display: block; border-radius: none; background: none;opacity: 1;}
.Homesection3 .bottom-nav li .tit{display: block;}
.Homesection3 .bottom-nav li .icon{width: .74rem; height: .74rem; display: block; position: relative; border-radius: 100%; background: rgba(255,255,255,.2);margin-top: .1rem;}
.Homesection3 .bottom-nav li .icon::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/sec3_icon.png) no-repeat;border-radius: 100%; z-index: 2; background-size: 2.62rem .44rem;}
.Homesection3 .bottom-nav li .icon::after{content: ""; position: absolute; top: .05rem; left: .05rem; width: calc( 100% - .1rem); height:  calc( 100% - .1rem); background: #fff; border-radius: 100%;}
.Homesection3 .bottom-nav .li0{left: .225rem;}
.Homesection3 .bottom-nav .li1{top: -.7rem; left:47%;}
.Homesection3 .bottom-nav .li2{right: 0;}
.Homesection3 .bottom-nav .li0 .icon::before{ background-position: .225rem .165rem;}
.Homesection3 .bottom-nav .li1 .icon::before{ background-position: -0.885rem .165rem;}
.Homesection3 .bottom-nav .li2 .icon::before{ background-position: -2.125rem .165rem;}
.Homesection3 .bottom-nav li.swiper-pagination-bullet-active .icon{background: rgba(0,51,204,.2);}
.Homesection3 .bottom-nav li.swiper-pagination-bullet-active .icon::after{background: #0033cc;}
.Homesection3 .bottom-nav li.swiper-pagination-bullet-active .icon::before{background-image: url(../images/sec3_icon_on.png);}




.Homesection4{padding: 5% 0 3%;}
.home_CS{padding: 5% 9% 0; position: relative;}
.home_CS .swiper-container{padding: 3% 0 8%; margin-top: -5%;}
.home_CS li .Ispic{ display: block; padding-bottom: 120.83333%;}
.home_CS li .img{position: absolute; right: -.65rem; z-index: 3; bottom: .3rem;  text-align: right; opacity: 0;/* max-width: 95%; */ width: 100%; height: 100%;}
.home_CS li .img img{ /* max-height: 2.5rem; */position: absolute;height: 58%;right: 0;bottom: 0;}
.home_CS li .inner{position: relative;}
.home_CS li .word{position: absolute; top: 0; left: 0; padding: 10% 6% 10% 15%; color: #353840;font-size: .14rem;}
.home_CS li .word .h3{font-size: .24rem;font-weight: normal; margin: 0 0 .15rem;}
.home_CS li .word .p{margin: 0;}
.home_CS li .word .btn{padding-top: 10%;}
.home_CS li .word .btn a{color: #353840;line-height: .36rem; border-radius: .36rem; display:inline-block; }
.home_CS li .word .btn a i{ font-style: normal; display: inline-block; font-family: "宋体";}
.home_CS .swiper-slide{ transform: scale(1.1);}
.home_CS .swiper-slide-prev,.home_CS .swiper-slide-next{z-index: 1;}
.home_CS .swiper-slide-active{box-shadow: 0 0 .25rem .03rem rgba(0,0,0,0.75);margin-top: 1.5%;z-index: 2;}
.home_CS .swiper-slide-active .word{color: #fff;z-index: 4;}
.home_CS .swiper-slide-active .word .btn a{color: #fff;  }
.home_CS .swiper-slide-active .word .btn a:hover{background: #0033cc; padding: 0 10%;}
.home_CS .swiper-slide-active .img{opacity: 1;}
.home_CS .swiper-button-next,.home_CS .swiper-button-prev{top:45%; margin-top: -.37rem; width:.38rem;height:.75rem; background: url(../images/banbtn.png) no-repeat; background-size: .8rem .75rem;}
.home_CS .swiper-button-prev{background-position: left top; left: 0;}
.home_CS .swiper-button-next{background-position: right top; right: 0;}
.home_CS .swiper-button-next:after,.home_CS .swiper-button-prev:after{display: none;}

.Homesection5{position: relative;}
.Homesection5 .bg{background-repeat: no-repeat; background-position: center; background-size: cover; height: 8.6rem;}
.Homesection5 .bg::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19,30,51,.6);}
.Homesection5 .word{position: absolute; top: 0; left: 0; width: 100%; top: 30%; transform: translateY(-80%); text-align: center; z-index: 3; color: #fff;}
.Homesection5 .word .h3{margin: 0 0 3%; font-size: .36rem; font-weight: normal;}
.Homesection5 .word .p{font-size: .16rem;margin: 0;}
.Homesection5 .word .btn{padding-top: 5%;}
.Homesection5 .word .btn a{display: inline-block; border: 1px solid #fff; padding: .22rem .65rem; color: #fff;position: relative;font-size: .16rem; overflow: hidden;}
.Homesection5 .word .btn a::after{content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #936b51; /* transform: rotate(45deg); */}
.Homesection5 .word .btn a span{position: relative;z-index: 2;}
.Homesection5 .word .btn a:hover{border-color: #0033cc; padding: .22rem .7rem;}
.Homesection5 .word .btn a:hover:after{width: 100%;}
.Homesection5 .bot{position: absolute;left: 0; width: 100%; bottom: .75rem; text-align: center;}
.Homesection5 .bot .inner{max-width: 5.2rem; margin: 0 auto; position: relative;}
.Homesection5 .bot .inner::before,
.Homesection5 .bot .inner::after{content: "";position: absolute; top: 50%; width: calc( 50% - .5rem); height: 1px; background: #6a696d;}
.Homesection5 .bot .inner::after{ right: 0;}
.Homesection5 .bot .inner::before{ left: 0;}
.Homesection5 .bot a{display: block; margin: 0 auto; width: .5rem; height: .5rem; transform: rotate(45deg);background: rgba(70,107,216,0);}
.Homesection5 .bot a::before{content: ""; position: absolute; border: 1px solid #fff; left: .05rem; top: .05rem; height: .4rem; width: .4rem;}
.Homesection5 .bot a span{position: relative;z-index: 3; color: #fff; font-size: .25rem; font-family: "宋体"; display: block;transform: rotate(-45deg); text-align: center; line-height: .55rem; padding-left: .05rem;}
.Homesection5 .bot a:hover{ background: rgba(70,107,216,.1);}
.Homesection5 .bot a:hover::before{ background: #936b51; border-color: #936b51;}

.Homesection6 li{float: left; width: 33.33334%;overflow: hidden;} 
.Homesection6 li:nth-child(1),
.Homesection6 li:nth-child(2){width: 50%;}
.Homesection6 li .inner{position: relative;}
.Homesection6 li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: block;}
.Homesection6 li .Ispic{padding-bottom: 70.5329%; display: block; position: relative;}
.Homesection6 li .Ispic::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 00%;
	    background-image: -webkit-linear-gradient(top, transparent 30%, rgba(255,243,206,0.5) 110%);
	    background-image: -o-linear-gradient(top, transparent 30%, rgba(255,243,206,0.5) 110%);
	    background-image: linear-gradient(to bottom, transparent 30%, rgba(255,243,206,0.5) 110%);
	    background-repeat: repeat-x;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0530b3', endColorstr='#FF000000', GradientType=0);
}
.Homesection6 li .word{position: absolute; left: 0;  bottom: 0;  width: 100%; padding: 5%; color: #fff; overflow: hidden;transform: translateY(60%);}
.Homesection6 li .word h2{margin: 0 0 .2rem; font-weight: normal;}
.Homesection6 li .word h2 i{font-style: normal; font-family: "宋体";}
.Homesection6 li .word .p{margin: 15% 0 0; line-height: 1.71;}
.Homesection6 li:hover .word{ transform: translate(0);}
.Homesection6 li:hover .word h2 i{opacity: 0;}
.Homesection6 li:hover .word .p{margin-top: 0;}
.Homesection6 li:hover .Ispic::after{height: 100%;}
@media (max-width:767px) {
	.home_CS li .img{right: 10%;}
	.Homesection3 .txt-swiper{ width: 60%;}
	.Homesection3 .txt .morebtn{padding-top: 2%;}
	.Homesection3 .bottom-nav{display: none;}
	.Homesection6 li{width: 50% !important;}
	/* .Homesection6 li .word{transform: translateY(72%);} */
	.Homesection6 li:nth-child(1){width: 100% !important;}
	.Homesection6 li:nth-child(1) .word{transform: translateY(65%);}
	.Homesection6 li:nth-child(1):hover .word{transform: translateY(0);}
}
@media (min-width: 1900px) {
	
}
/*index end*/
.in-tit{text-align: center; padding: 3% 0;}
.in-tit h3{margin: 0 0 .15rem 0; font-size: .32rem; color: #333; font-weight: normal;}
.in-tit p{margin: 0; font-size: .16rem; color: #999;}
.in-banner{position: relative;}
.in-banner .bg{position: relative;overflow: hidden;}
.in-banner .word{position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); z-index: 3;}
.in-banner .word h2{margin: 0; font-size: .5rem; color: #fff;letter-spacing: .1rem; font-weight: normal;}
.in-banner .word .line{width: .3rem; height: 1px; background-color: rgba(255,255,255,0.16); display: block; margin: .3rem auto;}
.in-banner .word p{margin: 0; font-size: .2rem; color: #8a8d9e; padding-top: .3rem;}
.in-banner .word .btn a{ display: block; margin: 0 auto; background: url(../images/videoplay.png) no-repeat center; background-size: .7rem .7rem; width: .7rem; height: .7rem;}
.in-banner .word .btn a.videoplay{ background-image: url(../images/videoplay.png);}
.in-banner .word .btn a.videopause{ background-image: url(../images/videopause.png);}
.in-other{background: #f8f8f8; border-bottom: 1px solid #f3f3f3; padding: .12rem 0; line-height: 1.65;}
.location{ color: #999; width: 50%; float: left;}
.sceneintro .in-other{position: absolute; left: 0; top: 0; background: none; border: none; width: 100%;}
.location span{color: #333;}
.location i{font-style: normal; font-family: "宋体";}
.location a{color: #999;}
.location a:hover{ color: #3860d7;}
.location a:first-of-type{ background: url(../images/home_icon.png) no-repeat left center; background-size: .18rem .14rem; padding-left: .22rem;}
.onemenu{float: right; }
.onemenu li{float: left;}
.onemenu li+li{margin-left: .4rem;}
.onemenu li a:hover,.onemenu li.aon a{color: #0033CC;}
.zhlife section{position: relative; overflow: hidden;}
.zhlife section .word{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #333;}
.zhlife section .word .ztit {text-align: center; width: 1.65rem;}
.zhlife section .word .ztit .icon{display: block; width: .41rem; height: .53rem;margin: 0 auto;}
.zhlife section .word .ztit .tit{font-size: .32rem;  display: block; font-weight: bold; padding-top: .1rem; letter-spacing: .05rem;}
.zhlife section .word dl{font-size: .16rem; line-height: 1.45;}
.zhlife section .word dl dd{position: relative; padding-left: .16rem; margin: .1rem 0;}
.zhlife section .word dl dd i{font-style: normal; font-size: .14rem; font-family: "宋体"; color: #858585; position: absolute; left: 0;  top: 0.02rem;}
.zhlife section .word .inner{ max-width: 1200px; padding: 5% 0; margin: 0 auto;}
.zhlife section:nth-child(2n) .word .inner{margin: 0 0 0 auto; width: 50%; padding: 5%;}
.sceneintro{position: relative; overflow: hidden;}
.sceneintro .in-tit{position: absolute; top: 0; left: 0; width: 100%; text-align: center;z-index: 3;}
.sceneintro .word{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #333;  font-size: .16rem; padding-top: 6%; z-index: 3;}
.sceneintro .w-tit{font-size: .36rem; margin: 0; font-weight: normal;}
.sceneintro .w-stit{font-size: .2rem; margin: .2rem 0 .5rem;font-weight: normal;}
.sceneintro .word li{position: relative; padding-left: .2rem; margin-bottom: .1rem; line-height: 1.45;}
.sceneintro .word li i{font-style: normal; font-size: .2rem; font-family: "宋体"; position: absolute; left: 0;  top: 0;}
.sceneproduct{ padding-bottom: 2%;}
.sceneproduct .in-tit{padding-bottom: 1%;}
.prolist{overflow: hidden;}
.prolist ul{margin: 0 -1.5%; text-align: center;min-height: 1rem;}
.prolist li{float: left; width: 47%; margin: 1.5%; background: url(../images/sceneproduct_pro_bg.jpg) no-repeat left top; background-size: cover; border: 1px solid #f2f2f2; text-align: left;}
.prolist li .pic{ float: right; width: 50%;}
.prolist li .Ispic{display: block; padding-bottom: 91.89%; background-size: contain;}
.prolist li .word{ float: left; width: 50%; padding:8.55% 2% 8.55% 6%;}
.prolist li .word h2{font-weight: normal; font-size: .3rem; margin: 0;}
.prolist li .word h2 a{color: #333;}
.prolist li .word p{font-size: .14rem; color: #666; margin: .15rem 0 .3rem; line-height: 1.65;}
.scenetech{position: relative;/* overflow: hidden; */}
.scenetech .bg::before{ background: rgba(28,34,50,.5);}
.scenetech .in-tit{position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.scenetech .in-tit h3,.scenetech .in-tit p{color: #fff;}
.scenetech .list{position: absolute; top: 0; left: 0; width: 100%; z-index: 3; height: 100%;}
.scenetech .list .box{position: absolute;width: .4rem; height: .4rem; }
.scenetech .list .box .dian{position: absolute; top: 0; left: 0; width: .4rem; height: .4rem; overflow: hidden; border-radius: 100%; cursor: pointer;}
.scenetech .list .box .dian::before,
.scenetech .list .box .dian::after{content: ""; position: absolute; border-radius: 100%;}
.scenetech .list .box .dian::before{background: rgba(0,50,204,.5); left: .07rem; top: .07rem; width: .26rem; height: .26rem; z-index: 2;animation: waveMove 2s linear infinite;}
.scenetech .list .box .dian::after{background: rgba(0,50,204,.1); top: 0; left: 0; width: 100%; height: 100%; z-index: 1;animation: waveMove1 2s linear infinite;}
@keyframes waveMove {
	from {transform:scale(0.85);}
	to {transform:scale(1);}
}
@keyframes waveMove1 {
	from {transform:scale(0.5);}
	to {transform:scale(1);}
}
.scenetech .list .box .dian span{position: absolute; z-index: 3; width: .14rem; height: .14rem; top: .13rem; left: .13rem; border-radius: 100%; background: #0033cc;}
.scenetech .list .word{display: none;}
/* .scenetech .list .word .wdian{ width: .16rem; height: .16rem; position: absolute; top: .5rem; left: .4rem;}
.scenetech .list .word .wdian::before,
.scenetech .list .word .wdian::after{content: ""; position: absolute; border-radius: 100%;}
.scenetech .list .word .wdian::before{background: rgba(255,255,255,1); left: .035rem; top: .035rem; width: .08rem; height: .08rem; z-index: 2;}
.scenetech .list .word .wdian::after{background: rgba(255,255,255,.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.scenetech .list .word .inner{overflow-y: auto;}
.scenetech .list .word h3{ font-size: .24rem; font-weight: normal; margin: 0 0 .25rem;}
.scenetech .list .word figure{font-size: .16rem; line-height: 1.85;} */
.scenetech .list .kuang{position: absolute; top: 10%; left: 10%; background: #0e2a7f; width: 5rem; min-height: 3rem; padding:.44rem .2rem .2rem .7rem; color: #fff; display: none; z-index: 8;}
.scenetech .list .kuang .wdian{ width: .16rem; height: .16rem; position: absolute; top: .5rem; left: .4rem;}
.scenetech .list .kuang.wdian::before,
.scenetech .list .kuang .wdian::after{content: ""; position: absolute; border-radius: 100%;}
.scenetech .list .kuang .wdian::before{background: rgba(255,255,255,1); left: .035rem; top: .035rem; width: .08rem; height: .08rem; z-index: 2;}
.scenetech .list .kuang .wdian::after{background: rgba(255,255,255,.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.scenetech .list .kuang .inner{overflow-y: auto;}
.scenetech .list .kuang h3{ font-size: .24rem; font-weight: normal; margin: 0 0 .25rem;}
.scenetech .list .kuang figure{font-size: .16rem; line-height: 1.85;}
.scenelist {padding-bottom: 4%;}
.scenelist .in-tit{text-align: left; padding-bottom: .05rem;}
.scenelist li .pic{overflow: hidden;}
.scenelist li .Ispic{display: block; padding-bottom: 66.8135%;}
.scenelist li a{color: #333;}
.scenelist li .txt {padding: .15rem 0 .25rem .15rem; border-bottom: 1px solid #d0d0d0;}
.scenelist li .txt h3{font-size: .22rem; margin: 0 0 .1rem;}
.scenelist li .txt figure{position: relative; padding-right: .8rem; font-size: .16rem; color: #999;}
.scenelist li .txt p{margin: 0;}
.scenelist li .txt .more{position: absolute; right: 0; top: 0;}
.scenelist li .txt .more i{font-style: normal; font-family: "宋体";}
.scenelist li .txt .more:hover{color: #0033cc;}
.scenelist .botnav{display: block; text-align: center; margin-top: .5rem; width: 100%; float: none;}
.scenelist .swiper-button-prev,
.scenelist .swiper-button-next{position: relative; display: inline-block; color: #131315; width: .27rem; height: .44rem; margin: 0 .2rem;}
.scenelist .swiper-button-prev::after,
.scenelist .swiper-button-next::after{font-family: "宋体";font-size:.35rem; line-height: .3rem;}
.scenelist .swiper-button-prev::after{content: "<";}
.scenelist .swiper-button-next::after{content: ">";}
.scenelist .swiper-pagination{position: relative; display: inline-block; top: -.03rem;}
.scenelist .swiper-pagination span{ width: .18rem; height: .18rem; margin: 0 .1rem;}
.scenelist .swiper-pagination .swiper-pagination-bullet-active{background: #0033cc;}
.in-menu{border-bottom: 1px solid #ddd; margin: .3rem 0;text-align: center;}
.in-menu li{/* float: left; */ display: inline-block;  padding: .3rem .24rem;}
.in-menu li a{display: block;}
.in-menu li a>span{ display: block;}
.in-menu li .icon{ position: relative; width: .7rem; height: .52rem; margin: 0 auto;}
.in-menu li img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.in-menu li .tit{ font-size: .16rem; color: #767677; padding-top: .1rem;}
.in-menu li .hover{opacity: 0;}
.in-menu li:hover,.in-menu li.on{background: #335bd3;}
.in-menu li:hover .img,.in-menu li.on .img{opacity: 0;}
.in-menu li:hover .hover,.in-menu li.on .hover{opacity: 1;}
.in-menu li:hover .tit,.in-menu li.on .tit{color: #fff;}
/*pages*/

.Pages{ padding:.1rem 0 5%; line-height:1.45; zoom:1; overflow:hidden; font-size: .16rem; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; color: #666;padding:.08rem .15rem; border:solid 1px #ddd;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ font-family: "arial, helvetica, sans-serif";}
.Pages .a_next,.Pages .a_prev{ font-family: "宋体"; position: relative; top: -.01rem;}
.Pages a:hover,.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #0033cc; background:#0033cc;}
.Pages .i_button,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end,.Pages .p_jump{display: none;}
/*pages end*/

.prolist2{overflow: hidden;}
.prolist2 ul{margin: 0 -1.5% 1.5%; text-align: center; min-height: 3rem;}
.prolist2 li{float:left; width: 25%; padding: 1.5%;}
.prolist2 li .inner{position: relative;}
.prolist2 li .pic{overflow: hidden;}
.prolist2 li .Ispic{display: block; padding-bottom: 100%;}
.prolist2 li .txt{ text-align: center; border-bottom: 1px solid #dedede; padding: .15rem; position: relative;}
.prolist2 li .txt::after{content: ""; display: block; width: 0; height: 1px; bottom: 0; left: 0; background: #335bd3; position: absolute;}
.prolist2 li .txt h3{ margin: 0; font-weight: normal; font-size: .16rem;}
.prolist2 li .txt h3 a{ color: #666;}
.prolist2 li .inner:hover .txt h3 a{ color: #335bd3;}
.prolist2 li .inner:hover .txt::after{ width: 100%;}
.proinfo-intro {border-bottom: 1px solid #e7e7e7; padding: 6% 0; overflow: hidden;}
.proinfo-intro .pic{ float: left; width: 36%; overflow: hidden; text-align: center;}
.proinfo-intro .Ispic{display: block; padding-bottom: 113.4%;}
.proinfo-intro .word{float: right; width: 53%;color: #333;line-height: 1.45; font-size: .16rem;}
.proinfo-intro .word .tit{ font-size: .36rem; font-weight: normal; margin: 0 0 .2rem;}
.proinfo-intro .word .style{display: block; font-size: .2rem;}
.proinfo-intro .word .advantage{padding: .4rem 0 0;}
.proinfo-intro .word .advantage li{position: relative; padding-left: .15rem; margin-bottom: .15rem; }
.proinfo-intro .word .advantage li i{font-style: normal; font-size: .24rem; font-family: "宋体"; position: absolute; left: 0;  top: -.03rem;}
.proinfo-intro .word .btn{padding-top: .3rem;}
.proinfo-intro .word .btn a{display: inline-block; padding: .1rem .3rem; color: #fff; border-radius:.4rem; background: #0033cc;}
.proinfo-intro .word .btn a i{display: inline-block; padding-left: .05rem; font-family: "宋体"; font-style: normal;}
.proinfo-intro .word .btn a:hover{ margin-left: .1rem; padding: .1rem .4rem;}
.proinfo-tit{text-align: center; margin: 0 0 .3rem; font-weight: normal; font-size: .32rem; color: #333;}
.proinfo-atlas{padding: 4% 0;border-bottom: 1px solid #e7e7e7; }
.proinfo-atlas .swiper-container{ margin-left: auto; margin-right: auto; max-width: 1400px;}
.proinfo-atlas .gallery-thumbs{padding:.2rem 0 .1rem; max-width: 5.1rem; margin: 0 auto;}
.proinfo-atlas .gallery-thumbs .swiper-wrapper{text-align: center;}
.proinfo-atlas .gallery-thumbs .swiper-slide{width:25%;height:100%; max-width: 1.18rem; height: .74rem; background-repeat: no-repeat; background-size: cover; border: 1px solid #fff; display: inline-block;}
.proinfo-atlas .gallery-thumbs .swiper-slide-thumb-active{ border-color: #0033cc; position: relative;}
.proinfo-atlas .gallery-thumbs .swiper-slide-thumb-active::before{content: ""; position: absolute; width: 0;height: 0; border-style:  dashed dashed solid dashed; border-width: .1rem; border-color:transparent transparent #0033cc transparent; top: -.2rem; left: calc(50% - .1rem);}
.proinfo-imgs{text-align: center; padding: 4% 0;}
.zproinfo-intro .word{ padding-top: 0;}
.zproinfo-section .in-tit h3{ font-size: .32rem;}
.zproinfo-section .w-stit{line-height: 1.45;margin: .2rem 0 .35rem;}
.zproinfo-section .word .tab{padding-bottom: .35rem;}
.zproinfo-section .word .tab span{ display: inline-block; font-size: .2rem;  color: #999; cursor: pointer;}
.zproinfo-section .word .tab span+span{margin-left: .5rem; position: relative;}
.zproinfo-section .word .tab span+span::before{content: ""; left: -.24rem; width: 1px; height: 60%; top: 20%; background: #999; position: absolute;}
.zproinfo-section .word .tab span.active{color: #0033cc;}
.zproinfo-section .word .box{max-width: 600px;}
.zproinfo-section .word .btn{padding-top: 3%;}
.zproinfo-section .word .btn a{display: inline-block;font-size: .16rem; color: #333; border: 1px solid #999; border-radius: .05rem; padding: .1rem .2rem;position: relative; cursor: pointer;}
.zproinfo-section .word .btn a span{position: relative; z-index: 3;background: url(../images/svideoplay.png) no-repeat right center; background-size: .15rem .15rem; padding-right: .2rem;color: #333;}
.zproinfo-section .word .btn a::before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #0033cc;}
.zproinfo-section .word .btn a:hover{ border-color: #0033cc;}
.zproinfo-section .word .btn a:hover::before{ width: 100%;}
.zproinfo-section .word .btn a:hover span{ background-image: url(../images/svideoplay_on.png); color: #fff;}
/*.zproinfo-section:nth-child(2n) .word{padding-left: 55%;}*/
.zproinfo-section .even_word{padding-left: 55%;}
.zproinfo-section.wordwhite .word,.zproinfo-section.wordwhite .in-tit h3,.zproinfo-section.wordwhite .word .btn a span{ color: #fff;}
.zproinfo-section.wordwhite .word .btn a span{background-image: url(../images/svideoplay_on.png);}
.zproinfo-section.wordwhite .word .tab span{color: #7c8cac;}
.zproinfo-section.wordwhite .word .tab span.active{color: #0033cc;}
.zproinfo-section .ytable{display: block;}
.zproinfo-section .word{padding-top: 1.5rem;}
.videolist{overflow: hidden;}
.videolist ul{margin: 0 -1.5% 1.5%; text-align: center;min-height: 3rem;}
.videolist li{float:left; width: 33.3333%; padding: 1.5%;}
.videolist li .inner{position: relative;}
.videolist li .pic{overflow: hidden;}
.videolist li .Ispic{display: block; padding-bottom: 62.222%; position: relative;}
.videolist li .Ispic::before,
.videolist li .Ispic::after{content: ""; position: absolute; top: 0; width: 100%; height: 100%; left: 0;}
.videolist li .Ispic::before{z-index: 2; background: url(../images/videoplaybtn.png) no-repeat center; background-size: .68rem .68rem;}
.videolist li .Ispic::after{z-index: 1; background: rgba(40,48,73,.7);}
.videolist li .txt{ text-align: center; background: #f8f8f8; padding: .15rem; position: relative;}
.videolist li .txt::after{content: ""; display: block; width: 0; height: 1px; bottom: 0; left: 0; background: #335bd3; position: absolute;}
.videolist li .txt h3{ margin: 0; font-weight: normal; font-size: .16rem;}
.videolist li .txt h3 a{ color: #666;}
.videolist li .inner:hover .txt h3 a{ color: #335bd3;}
.videolist li .inner:hover .txt::after{ width: 100%;}

.aboutus{padding-top: 2%;}
.videoposter{margin:0; cursor: pointer;overflow: hidden; position: relative;}
.videoposter .bglayer::before{ background: rgba(15,20,35,.7);}
.videoposter .bglayer::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2; background: url(../images/videoplaybtn.png) no-repeat center 45%; background-size: .68rem .68rem;}
.videoposter .bglayer span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,80%); color: #fff; border-bottom: 1px solid #fff; font-size: .16rem; z-index: 2; padding-bottom: .1rem;}
.videoposter video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none;object-fit: fill;}
.aboutus .content{ padding: 3% 6%; font-size: .16rem; color: #666; line-height: 1.875; text-align: justify;}
.history{ background: url(../images/his_bg.jpg) no-repeat center; background-size: cover; margin: .3rem 0; padding: 2% 0 4%;}
.history .in-tit h3{color: #fff;}
.histime{position: relative;padding: 0 .6rem;}
.histime .swiper-container-free-mode> .swiper-wrapper{padding-top: 5px;}
.histime .swiper-slide{background: url(../images/histime_bg.png) repeat-x center 5px;}
.histime .swiper-slide span{display: block; text-align: center; font-size: .22rem; color: #fff; font-family: "arial"; padding-top: 22px; position: relative; cursor: pointer;}
.histime .swiper-slide span::before{content: ""; position: absolute; top: 0; height: 12px; width: 2px; left: 50%; margin-left: -2px; background: #fff;}
.histime .swiper-slide.swiper-slide-thumb-active span::before{ background: #0033cc; height: 20px;}
.histime .swiper-slide.swiper-slide-thumb-active span{ color: #0033cc;}
.hiscon{position: relative; max-width: 980px; margin: 0 auto .5rem;}
.hiscon::before,
.hiscon::after{content: ""; position: absolute; top: 0; height: 100%; width: 1.12rem;}
.hiscon::before{background: url(../images/hiscon_l.png) no-repeat left top; left: 0;background-size: 1.12rem 100%;}
.hiscon::after{background: url(../images/hiscon_r.png) no-repeat left top; right: 0;background-size: 1.12rem 100%;}
.hiscon .swiper-container{max-width: 756px; margin: 0 auto; background: rgba(158,168,217,.3);}
.hiscon .swiper-slide{position: relative; padding:.4rem .4rem .4rem 40%;}
.hiscon .swiper-slide ul li{ color: #fff; position: relative; padding-left: .5rem; font-size: .16rem; margin: .1rem 0; line-height: 1.65;}
.hiscon .swiper-slide ul li .month{ position: absolute; top: 0; left: 0;}
.hiscon .year{position: absolute; top: 50%; left: 0; transform: translate(24%,-50%); font-family: arial; font-size: .4rem; color: #0003cc; font-weight: bold; background: url(../images/hiscon_year.png) no-repeat center; background-size: 1.8rem 1.17rem; width: 1.8rem; height: 1.17rem; line-height: 1.17rem; text-align: center;}
.hiscon ul{min-height: 1rem;}
.histime .swiper-button-prev,.histime .swiper-button-next{ top: 29%;}
.hiscon .swiper-button-prev,.hiscon .swiper-button-next{ margin-top: -.22rem; height: .44rem;}
.history .swiper-button-prev::after,.history .swiper-button-next::after{color: #e7e7e9;font-size: .17rem;}
.honor li .inner{ position: relative; background: url(../images/honor_bg.jpg) repeat-x left top #d8dce4; background-size: auto 4.2rem; padding: .3rem .4rem .1rem; text-align: center;}
.honor li .pic{ /* background: url(../images/honor_img_bg.png) no-repeat center; padding: .28rem 0; height: 2.72rem; background-size: auto 2.72rem;*/ margin: 0 auto;}
.honor li .Ispic{/* padding-bottom: 141.2238%;  width: 1.6rem;*/ display: block;  margin: 0 auto; height: 2.25rem; background-size: contain; overflow: hidden;}
.honor li h3{font-size: .16rem; color: #666; font-weight: normal; margin: .2rem 0 0; line-height: .24rem; min-height: .60rem;}
.honor .swiper-pagination{position: relative; display: block; padding: .4rem 0;}
.honor .swiper-pagination span{ width: .6rem; height: .02rem; background: #e5e5e5; border-radius: 0; opacity: 1 !important;}
.honor .swiper-pagination .swiper-pagination-bullet-active{ background: #0033cc;}
.contact{ background: url(../images/contact_bg.jpg) no-repeat center; background-size: cover; padding: 3% 0;}
.contact .in-tit h3{ color: #fff; margin-bottom: 0;}
.contact .content{ text-align: center; font-size: .16rem; color: #fff; line-height: 1.875;}
.contact .tel,.contact .addr{display: inline-block; padding: 0 .4rem;}
.contact .tel span,.contact .addr span{ position: relative; padding-left: .2rem;}
.contact .tel i,.contact .addr i{position: absolute; background: url(../images/contact_icon.png) no-repeat; background-size: .35rem .19rem; left: 0; top: 0; width: .15rem; height: .19rem;}
.contact .tel i{background-position: left top;}
.contact .addr i{background-position: right top;}
.contact .shares{max-width: 3.45rem; text-align: center; margin: .3rem auto; position: relative;}
.contact .shares::before,.contact .shares::after{content: ""; position: absolute; width: .4rem; height: 1px; background: #898fa1; top: 50%;}
.contact .shares::before{left: 0;}
.contact .shares::after{ right: 0;}
.contact .shares a{display: inline-block; background: #fff; height: .42rem; width: .42rem; border-radius: 100%; position: relative; margin: 0 .15rem;}
.contact .shares a::before{content: "";background: url(../images/contact_share_icon.png) no-repeat; background-size: .7rem .2rem; position: absolute; top: 50%; left: 50%; width: .22rem; height: .2rem; margin-top: -.1rem; margin-left: -.11rem;}
.contact .shares a:hover{box-shadow: 0 0 .05rem .01rem rgba(255,255,255,.5);}
.contact .shares .qq::before{background-position: 0 0; width: .15rem; margin-left: -.07rem;}
.contact .shares .weixin::before{background-position: -.21rem 0;width: .21rem; margin-left: -.105rem;}
.contact .shares .sina::before{background-position:-.46rem .01rem;width: .23rem; margin-left: -.115rem;}
.contact .shares .weixin{position: relative;}
.contact .shares .weixinbox{position: absolute; bottom: .6rem; left: -.75rem; width: 1.86rem; height: 1.86rem; background: #fff; border: .02rem solid #dedede; display: none; padding: .07rem;}
.contact .shares .weixinbox::after{content: ""; left: 50%; margin-left: -.1rem; position: absolute; width: 0;height: 0; border-style: solid dashed dashed dashed; border-width: .1rem; border-color:#dedede transparent transparent transparent; bottom: -.2rem;}
.contact .shares .weixinbox img{width: 1.7rem; height: 1.7rem;}
.contact .map{border: .06rem solid #868b9e; border-radius: .06rem;}
.contact #map{ width: 100%; height: 6rem;}
.newlist{padding: .4rem 0;}
.newlist li {padding: .15rem 0;}
.newlist li .inner{position: relative; background: #f8f8f8; height: 2.4rem; padding-left: 3.6rem;padding-right: 1.58rem;}
.newlist li .pic{position: absolute; left: 0; top: 0; height: 100%; width: 3.6rem; overflow: hidden;}
.newlist li .Ispic{position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.newlist li time{display: block; position: absolute; right: 0; top: 50%; width: 1.58rem; text-align: center; transform: translateY(-50%); font-family: arial; font-size: .16rem; color: #999; border-left: 1px solid #dedede; padding-bottom: .05rem;} 
.newlist li time span{display: block;font-size: .5rem; color: #666;}
.newlist li time span::after{ content: ""; display: block; margin: .08rem auto .15rem; width: .26rem; height: .02rem; background: #0033cc;}
.newlist li .word{padding: .5rem;}
.newlist li .word .tit{margin: 0; font-size: .22rem;font-weight: normal;}
.newlist li .word .p{font-size: .16rem; color: #666; line-height: 1.65;}
.newlist li .morebtn a:hover{ padding: 0 .25rem;}
.newinfo{padding: 6% 0;}
.newinfo-head{background: #f8f8f8; text-align: center; padding: .3rem;}
.newinfo-head h2{ font-size: .28rem; color: #333; margin: 0; font-weight: normal;}
.newinfo-head p{ margin: .2rem 0 0; color: #999;}
.newinfo-head p >span{display: inline-block; margin: 0 .25rem ;}
.newinfo .content{font-size: .16rem; line-height: 1.875; color: #666; padding: 3% 5%;}
.newinfo-bot{border-top: 1px solid #ededed; padding-top:.4rem; margin-top: .4rem; position: relative;}
.newinfo-bot dl{ width: 60%;}
.newinfo-bot dl dd+dd{margin-top: .1rem;}
.newinfo-bot .backbtn{ text-align: center; position: absolute; top: 50%; right: 0;}
.newinfo-bot .backbtn a{ border: 1px solid #dedede; padding: .1rem .3rem; color: #666; display: inline-block; font-size: .14rem;}
.newinfo-bot .backbtn a:hover{ color: #fff; background: #0033CC; border-color: #0033CC;}
.casebox {overflow: hidden;}
.casebox .in-tit{padding-top: 5%;}
.casebox+.casebox .in-tit{padding-top: 0;}
.casebox .intro{width: 47%;}
.casebox .intro .tit{font-size: .28rem; font-weight: normal; margin: 0; color: #333;}
.casebox .intro .tit span::before{ content: ""; width: .04rem; height: .25rem; background: #0033cc; display: inline-block; margin-right: .26rem; position: relative; top: .02rem;}
.casebox .intro figure{font-size: .16rem; color: #666; line-height: 1.875; padding: .3rem 0 .3rem .3rem; height: 2rem;}
.casebox .swiper-container{overflow: visible;}
.casebox .list li.swiper-slide-next{position: relative; top: -2rem;}
.casebox .list .pic{overflow: hidden;}
.casebox .list .Ispic{display: block; padding-bottom:66.1538%;}
.casebox .list .text{padding: .25rem 0;}
.casebox .list .text h3{color: #333; font-size: .2rem; margin: 0; font-weight: normal;}
.casebox .list .text p{margin: .05rem 0 0;font-size: .16rem; color: #999; line-height: 1.875;}
.casebox  .casebtn{text-align: right; position: relative; top: -1.5rem;}
.casebox  .casebtn>div{display: inline-block; position: relative; width: .8rem; height: .4rem; text-align: center; background: #0033cc; border: 1px solid #0033CC; color: #fff;}
.casebox  .casebtn>div+div{margin-left: .4rem;}
.casebox  .casebtn>div::after{font-size: .2rem; color: #fff; line-height: .4rem; position: relative;}
.casebox  .casebtn>div.swiper-button-disabled{ border: 1px solid #999; opacity: 1; background: #fff;}
.casebox  .casebtn>div.swiper-button-disabled::after{ color: #999;}
.casebox:nth-child(2n) .intro{margin-left: auto;}
.casebox:nth-child(2n) .list li.swiper-slide-active{position: relative; top: -2rem;}
.casebox:nth-child(2n) .list li.swiper-slide-next{position: relative; top: 0;}
.casebox:nth-child(2n) .casebtn{text-align: left;}
.Storeimgs{ text-align: center;}
.Storeimgs .swiper-pagination{ display: block; bottom: .4rem !important;}
.Storeimgs .swiper-pagination span{ width: .6rem; height: .02rem; background: #fff; border-radius: 0; opacity: 1 !important;}
.Storeimgs .swiper-pagination .swiper-pagination-bullet-active{ background: #0033cc;}
.Storeimgs{padding: 3% 0 0; overflow: hidden;}
.joinconditions{padding: 2% 0 5%; overflow: hidden;}
.joinconditions .content>div{float: left; width: 33.3334%;}
.joinconditions .con_l{text-align: right;}
.joinconditions .con_c{text-align: center; padding: 0 .4rem;}
.joinconditions .conul{padding: .6rem 0 .45rem;}
.joinconditions .conul li{border-bottom: 1px solid #f1f1f1; padding-bottom:.2rem; margin-bottom: .2rem; font-size: .16rem; color: #666;}
.joinconditions .conul li span{position: relative; padding-right: .2rem; display: inline-block;}
.joinconditions .conul li span::before{content: ""; position: absolute; top: 0; right: 0; width: .05rem; height: .21rem; background: #0033cc;}
.joinconditions .con_r .conul li span{padding-left: .2rem; padding-right: 0;}
.joinconditions .con_r .conul li span::before{left: 0;}
.ensure{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 2% 0;}
.ensure .in-tit h3{color: #fff; margin-bottom: 0;}
.ensure li{float: left; width: 33.33%; text-align: center; position: relative;}
.ensure li::before,.ensure li::after{content: ""; position: absolute; }
.ensure li::before{left: 0; width: .01rem; height: calc(100% - .1rem); top: .05rem;}
.ensure li::after{left: .05rem; width:calc(100% - .1rem); height: .01rem; bottom: 0;background: #3c424f;}
.ensure li .dian{position: absolute; bottom: -.02rem; right: -.02rem; width: .05rem; height: .05rem; border-radius: 100%; background: #404043; z-index: 2;}
.ensure li .inner{padding: .4rem .2rem;}
.ensure li .icon{width: 50%;}
.ensure li .icon img{width: .6rem; height: .6rem;}
.ensure li .h3{font-size: .18rem; color: #fff; font-weight: normal; margin: .15rem 0 .05rem;}
.ensure li .p{ color: #fff; line-height: 1.875;}
.joinprocess{padding: 3% 0 6%;}
.joinprocess li{float: left;width: 2.8rem; position: relative;}
.joinprocess li::before{content: ""; position: absolute; background: url(../images/process_li_line1.png) no-repeat; background-size: 1.87rem .73rem; height: .73rem; width: 1.87rem; height: .73rem;}
.joinprocess li::before{top: 2.05rem;left: 1.4rem;}
.joinprocess li:nth-child(2n)::before{background-image: url(../images/process_li_line2.png); background-size: 1.87rem .70rem; width: 1.87rem; height: .70rem; top: -.945rem;    left: 1.425rem;}
.joinprocess li .inner{ background: #002977; text-align: center; color: #fff;  padding: .4rem; position: relative;}
.joinprocess li .inner::after{content: ""; position: absolute; bottom: -.2rem; left: 50%;width: 0;height: 0; border-style: solid dashed dashed dashed; border-width: .1rem; margin-left: -.1rem; border-color:#002977 transparent transparent transparent; }
.joinprocess li .num span{color: #fff; font-size: .32rem; font-family: arial; display: inline-block; /* padding: 0 .38rem; */ /* position: relative; */}
.joinprocess li .num span::before,
.joinprocess li .num span::after{content: "";  display: inline-block; width: .19rem; height: 1px; background: #8094bb; margin:0 .19rem; position: relative; top: -.1rem;}
.joinprocess li+li{ margin-left:-.95rem;}
.joinprocess li:nth-child(2n){ margin-top: 3rem;}
.joinprocess li:nth-child(2n) .inner::after{top: -.2rem;border-style:  dashed dashed solid dashed; border-color:transparent transparent #002977 transparent; }
.joinprocess li:last-child::before{display: none;}
.joinform{background: #eceff5; padding: 2% 0;}
.joinform .form .fl{ float: left; width: 30%;}
.joinform .form .fr{ width: 70%; float: right; padding-left: .28rem;}
.joinform .form dl{margin-bottom: .28rem;}
.joinform .form .input{position:relative;padding:.1rem;width:100%;height:.5rem;background:#fff;font-size:.16rem;line-height:1.875;cursor:text;}
.joinform .form .textarea{height: 4.2rem;}
.joinform .form .input span.tit{position:absolute;top:0; height: 100%; line-height: .5rem; left:.1rem;color:#333;}
.joinform .form .input input.text{display:block;width:100%;height:.3rem;border:none;background:0 0;font-size:.16rem; color: #333;}
.joinform .form .formbot{text-align:center; padding-top: .3rem;}
.joinform .form .tips{ margin: .4rem 0; font-size: .16rem; color: #666;}
.joinform .form .btn{display:inline-block;width:2.4rem;border:none;background:#0033cc;color:#fff;text-align:center;font-size:.16rem;line-height:.54rem;cursor:pointer;}
.joinform .form .select{position:relative;width: 100%;}
.joinform .form .select .tit{position:absolute;padding:.1rem;width:100%;height:.5rem;background:#fff;text-align:left;font-size:.16rem;line-height:.3rem;}
.joinform .form .select .tit i{position:absolute;right:.1rem; top: 0; background: url(../images/down.png) no-repeat center; width: .16rem; height: 100%; background-size: .16rem .07rem;}
.joinform .form .select.on select{position: relative; z-index: 3;}
.joinform .form .select ul{position:absolute;top:100%;left:0;z-index:3;display:none;overflow-y:auto;width:100%;max-height:2.28rem;border:.02rem solid #fff;background:#ccc;font-size:.16rem;line-height:2.25;}
.joinform .form .select ul li{padding:.05rem .1rem;color:#fff;}
.joinform .form .select ul li+li{border-top:1px solid #fff;}
.joinform .form textarea.text{display:block;width:100%;height:3.45rem;border:none;background:0 0;font-size:.16rem; resize: none; overflow: hidden;}
.joinform .form .select select{display: block !important; width: 100%;/* height: .3rem; */font-size: .16rem; color: #333; background: #fff; border: none; padding: .1rem;}
.joinform .form dl .codetext{ padding-right: .84rem; position: relative;}
.joinform .form dl .codetext .codeimg{position: absolute; top: 0; right: 0; height: 100%; border: 1px solid #ddd; width: .84rem;}
.joinform .form dl .codetext .codeimg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

ol,ul{list-style:none}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:120px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}




@media (min-width:768px) {
	.ensure li::before{
	 background-image: -webkit-linear-gradient(top, transparent -10%, #3c424f 110%);
	    background-image: -o-linear-gradient(top, transparent -10%, #3c424f 110%);
	    background-image: linear-gradient(to bottom, transparent -10%, #3c424f 110%);
	    background-repeat: repeat-x;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c424f', endColorstr='#fff', GradientType=0);
	}
	.ensure li:nth-child(5n+1):before{ display: none;}
	.ensure li:nth-child(5)~li::after{ display: none;}
	.ensure li:nth-child(5)~li .dian,.ensure li:nth-child(5) .dian{display: none;}
	.ensure li:nth-child(5)~li::before{  background-image: -webkit-linear-gradient(bottom, transparent 20%, #3c424f 110%);
	    background-image: -o-linear-gradient(bottom, transparent 20%, #3c424f 110%);
	    background-image: linear-gradient(to top, transparent 20%, #3c424f 110%);
	    background-repeat: repeat-x;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c424f', endColorstr='#fff', GradientType=0);}
}
@media (max-width:1640px) {
	/* .joinprocess .ul{ position: relative;}
	.joinprocess .ul::before{ content: ""; position: absolute; left: 1.4rem; top: 0; height: 100%; background: url(../images/process_line.png) repeat-x left center; background-size: 4.08rem .73rem; width: calc(100% - 1.97rem);} */
	/* .joinprocess .ul::before{width: calc(100% - 1.97rem);} */
	/* .joinprocess .list::before{display: none;} */
}
@media (max-width:1440px) {
	.headernav .subnav li{padding: .4rem .2rem;}
}
@media (max-width:1366px) {
	html{font-size: 575%;}
	.zproinfo-section .word {  padding-top: 1.25rem;}
	/* .prolist li .word h2{font-size: .26rem;} */
	
}
@media (max-width:1024px) {
	html{font-size: 525%;}
	.wbg img{ width: 130%; left: -15%; position: relative; max-width: none;}
	.casebox .intro{width: 100%;}
	.casebox .intro figure{ height: auto;}
	.casebox .list li.swiper-slide-active{position: relative; top: 0 !important;}
	.casebox .list li.swiper-slide-next{position: relative; top: 0 !important;}
	.casebox .casebtn{text-align: center !important; top: 0 !important; padding: .2rem 0 .5rem;}
}
@media (max-width:767px) {
	.in-banner .word p {color: #fff}
	html{font-size: 475%;}
	.header_r{position: absolute; right: 1rem; top: .3rem;}
	.in-banner .word{padding:15% 3% 3%;}
	.wbg img{ width: 150%; left: -25%;}
	.in-banner .word h2{font-size: .35rem;}
	/* zhlife */
	.zhlife section .wbg img{ width: 160%; left: -35%; }
	.zhlife section .word .inner{ padding: 2%; width: 65%;}
	.zhlife section .word .ztit{width: 1.2rem;}
	/*prolist2*/
	.prolist2 li{width: 50%;}
	.hiscon{ padding: 0 1.12rem;}
	.hiscon .swiper-slide{padding: .4rem;}
	.hiscon .year{position: relative;transform: translate(0,0);}
	.hiscon .swiper-slide ul li{padding-left: .7rem;}
	.hiscon .swiper-button-prev, .hiscon .swiper-button-next{margin-top: -.4rem;}
	.histime .swiper-button-prev, .histime .swiper-button-next{top: .3rem;}
	.newinfo-bot dl{width: 100%;}
	.newinfo-bot .backbtn{position: relative; text-align: center; padding-top: .4rem;}
	.joinconditions .content>div{width: 100%; float: none;}
	.joinconditions .content>div .img{display: none;}
	.joinconditions .content .con_c{display: none;}
	.joinconditions .conul{padding: 0; text-align: left;}
	.joinconditions .conul li{border-bottom: 1px solid #f1f1f1; padding-bottom:.2rem; margin-bottom: .2rem; font-size: .18rem; color: #666;}
	.joinconditions .conul li span{padding-left: .2rem; padding-right: 0;}
	.joinconditions .conul li span::before{left: 0; top: .05rem;}
	.in-tit{text-align: center; padding: 0% 0;}
	.ensure li{width: 50%; }
	.ensure li .icon{width: 20%;display: flex;}
	.ensure li .icon img{width: 100%; height: auto;}
	.ensure li .h3{font-size: .18rem; color: #fff; font-weight: normal; margin: .15rem 0 .05rem;height: 20px;}
	.ensure li::before{ background-color: #3c424f;}
	.ensure li:nth-child(2n) .dian{ display: none;}
	.ensure li:nth-child(2n-1)::before{ display: none;}
	.ensure li:nth-child(9)::after,.ensure li:nth-child(10)::after{ display: none;}
	.joinprocess li::before{top: 2.82rem;left: 1.4rem;}
	.joinprocess li:nth-child(2n)::before{top: -1.18rem;left: 1.45rem;}
	.joinprocess li:nth-child(2n){margin-top: 4rem;}
	.joinprocess li .inner .p{height: .95rem;}
	.joinform .form .fl{float: none; width: 100%;}
	.joinform .form .fr{float: none; width: 100%; padding-left: 0;}
	.location{display: none;}
	.onemenu{text-align: center; float: none;}
	.onemenu li{display: inline-block; float: none;}
	.in-tit h3{margin-bottom: 0.05rem;}
	.sceneintro .w-stit{margin: .1rem 0;}
	.sceneintro .word{padding-top: 0;}
	.sceneintro .word .inner{margin-left: 6%;margin-right: 6%;}
	.zproinfo-intro .word{padding-top: 0;}
	.zproinfo-section .word{ position: relative;}
	.zproinfo-section:nth-child(2n-1) .word{padding-left: 0%;}
	.zproinfo-section .word .tab{padding-bottom: .15rem;}
	.zproinfo-section .w-stit{line-height: 1.45;}
	.sceneintro .word li{margin-bottom: 0.05rem;}
	.zproinfo-section+.zproinfo-section{ text-align: left; border-top: 1px solid #dedede; padding-bottom: .25rem;}
	.zproinfo-section .word{padding-top: 0; padding-bottom: .25rem;}
	.zproinfo-section .even_word{ padding-left:0}
	.zproinfo-section .word ul{text-align: justify;}
	.zproinfo-section .in-tit{position: relative;}
	.zproinfo-section .wbg img{width: 200%; left:auto; left:0;}
	.zproinfo-section:nth-child(2n) .wbg img{width: 100%; right: auto; left:0;}
	.zproinfo-section .ytable-cell{vertical-align:top;}
	.zproinfo-section.wordwhite .word, .zproinfo-section.wordwhite .in-tit h3, .zproinfo-section.wordwhite .word .btn a span{color: #333;}
	.prolist ul{margin: 0;}
	.prolist li{width: 100%; margin-left: 0; margin-right: 0;}
	.zhlife section:nth-child(2n) .word .inner{width: 65%;}
	.newlist li .pic{position: relative; width: 100%;}
	.newlist li .Ispic{position: relative; display: block; padding-bottom: 67%;}
	.newlist li .inner{padding: 0;height: auto;}
	.newlist li .word{padding: .25rem;}
	.newlist li time{display: none;}
	
	.scenetech .list .kuang{top: 50% !important; left: 50% !important; transform: translate(-50%,-50%);}
}
@media (max-width:488px) {
	html{font-size: 325%;}
	/* body{font-size: .20rem;} */
	#header-menu li{font-size: .24rem;}
}
@media (max-width:374px) {
}

				
				wpsr {
				    position: relative;
				}
				.mdt20 {
				    margin-top: 20px;
				}
				
				.box {
				    width: 1200px;
				    margin: 0 auto;
				}
				.wpsr {
				    position: relative;
				}
				.wleft {
				    float: left !important;
				}
				.clear {
				    clear: both;
				}
				.wpsr {
				    position: relative;
				}
				
				.wright {
				    float: left !important;
				    margin-left: 10px;
				}
				.wpsa {
				    position: absolute;
				}
				
				.clear {
				    clear: both;
				}
				.boxt {
				    padding: 60px 0;
				}
				.text-center {
				    text-align: center;
				}
				.form-lefts {
				    width: 50%;
				    float: left;
				}
				.formbox .form-group {
				    justify-content: space-between;
				    margin-bottom: 30px;
				}
				.formbox .form-group .ipt {
				    width: 96%;
				    padding: 2%;
				    font-size: 20px;
				    margin-bottom: 35px;
				    height: 50px;
				    border: 1px solid #bfbfbf;
				    background: 0 0;
				}
				.form-left-info {
				    width: 48%;
				    float: right;
				}
				.formbox .form-group textarea.ipt {
				    width: 100%;
				    height: 220px;
				    background: 0 0;
				}
				.formbox .btn-sub {
				    width: 190px;
				    height: 50px;
				    background: #d02127;
				    color: #fff;
				    margin-top: 20px;
				    margin: 0 auto;
				    display: inline-block;
				    border: none;
				    font-size: 18px;
				}
				
				
					.xmzs{width:100%;}
					.xmzs .xmzsbt{width:1200px;margin:20px auto 0 auto;text-align:center;font-size:30px;color:#e2ad60;font-family:"华文细黑";}
					.xmzs .xmzsms{width:1200px;margin:0px auto 40px auto;text-align:center;font-size:14px;color:#939393;line-height:30px;font-family:"Arial";}
					.xmzs .xmlm{width:1200px;margin:0 auto;position:relative;display:flex;}
					.xmzs .xmlm .xmlmxs{width:464px;float:left;margin-top:55px;margin-left:52px;}
					.xmlmxsbt{width:100%;margin-bottom:26px;font-size:18px;color:#000;line-height:30px;font-family:"华文细黑";}
					.xmlmxs{width:100%;font-size:14px;color:#000;line-height:30px;font-family:"宋体";}
					.xmlmxsckgd{width:127px;height:36px;margin-top:24px;text-align:center;border:1px solid #e2b957;border-radius:20px;font-size:16px;color:#e2b957;line-height:36px;font-family:"华文细黑";}
					.xmlmxsckgd a{width:127px;color:#e2b957;}

	.foot_bg{width:100%;height: 96px;background: #28262b;bottom:0;left:0;z-index: 17759999;position: fixed;}
	.foot_bjimg{bottom:8px;left:0;z-index: 70;}
	.foot_con{width:100%;min-width: 1200px;max-width: 1500px;margin: 0 auto;height: 100%;display: flex;justify-content: center;}
	.foot_ys_text{width:36px;margin-top:24px;margin-right: 15px;}
	.foot_shu{margin-top:29px;}
	.foot_fx_r{margin-left:90px;}
	.mj_ico{right:5%;line-height:50px;color:#808080;top:2px;}
	.foot_form_ul{margin-top:20px;width: 600px;display: flex;}
	.foot_form_ul li{height: 50px;border-radius: 5px;width:31.33%;margin:0 1%;background: #313131;float:left;}
	.foot_form_ul li input{box-sizing: border-box;width:100%;height: 100%;display: block;padding-left:12px;color:#ffffff;font-size: 20px}
	.foot_fs_sub{background: #f08200 !important;}
	.foot_fs_sub:hover{background: #bf6903 !important;}
	.foot_fs_sub input{padding:0 !important;}
	.foot_fs_sub:hover input{font-size:18px; cursor: pointer;}
	.foot_fx_tel{color:#f08200;}
	.foot_fx_tel_box{margin:10px 40px;}
	.font26{font-size: 26px;}